@charset "utf-8";
/* CSS Document */

/**common**/
body{ margin:0px; padding:0px; font-family:"微软雅黑"; font-size:14px;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {padding:0; margin:0; font:14px \5FAE\8F6F\96C5\9ED1,Arial,Helvetica,sans-serif;}
table,td,tr,th{font-size:14px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clear{*zoom:1;}
.clear:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a { text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
.fl { float:left;}
.fr { float:right;}
input {outline:0px; -webkit-appearance:none;}

video::-internal-media-controls-download-button {
display:none;
}

video::-webkit-media-controls-enclosure {
overflow:hidden;
}

video::-webkit-media-controls-panel {
width: calc(100% + 30px); 
}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:4px;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:#6d6e70;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#3c3c3c;}
.w1300{ width:1300px;margin:0 auto;}
@media screen and (max-width:1299px) and (min-width:768px) {
	.w1300{width:96%;}
}
@media (max-width: 767px) {
	.w1300{width:94%;}
}

/**top**/
.jk_top {height: 120px; margin: 0 auto; padding: 0; border-top: 4px solid #019271; background-color: #fff;}
.jk_top .top_main {height: 120px;padding: 0;box-sizing: border-box;position: relative;}	
.top_main .top_logo { width:510px;overflow: hidden; margin: 0; padding: 0; position: absolute; left: 0;top:12px;}
.top_main .jk_search {width: 24%;height: auto;padding: 0; position:absolute; right:0; top:40px;}
.jk_search a { display:block; width: 40px; height: 40px; overflow: hidden; line-height: 40px; margin: 40px auto; padding: 0; color: #019271; font-size: 14px; text-align: center; background: #f5f5f5 url(../images/sc_btn1.png) center center no-repeat;background-size:22px 22px;}
.jk_search a:hover { color:#fff; background: #019271 url(../images/sc_btn2.png) center center no-repeat;background-size:22px 22px;}
.jk_search{position:relative;}
.search_bd.on{visibility:visible;opacity:1;transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);}
.search_bd form{overflow: hidden;border: 1px solid #019271;border-radius: 40px;}
.search_bd input{display:block;line-height: 40px;padding: 0 5%;border: none;outline: none;width: 70%;color: #777;float: left;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.search_bd input::-webkit-input-placeholder{color:#777;}
.search_bd button{display:block;width: 40px;height: 40px;background:none;color:#fff;border:none;cursor:pointer;outline:none;background: #019271;background-image: linear-gradient(#019271, #a9ce0c);border-radius: 50%;float: right;margin-right: -1px;}
.search_bd button i.iconfont{background:url(../images/sc_btn2.png) center center no-repeat;background-size: 20px;display:block;width: 100%;height: 100%;}
@media screen and (max-width:1299px){
	.top_main .top_logo a img{ max-width:100%;}
}
@media screen and (max-width:1023px){
	.jk_top,.jk_top .top_main{ height:130px;}
	.top_main .top_logo {top: -12px; width:450px;}
	.top_main .jk_search{ width:100%; top:55%; transform:translateY(0);}
	.search_bd form{ border:0; background:#f3f3f3;border-radius:0}
	.search_bd input{background:#f3f3f3; line-height:45px;padding: 0 3%;}
	.search_bd button{ width:100px;border-radius:0; height:45px;}
	}
@media (max-width: 767px) {
	.top_main .top_logo{ width:400px; top:-10px;}
	.jk_top,.jk_top .top_main{ height:100px;}
	.search_bd input{line-height:40px;}
	.search_bd button{ width:30%;height:40px;}
}
@media (max-width: 500px) {
	.top_main .top_logo{ width:300px; top:0px;}
	}

/**top 导航**/
.ly_nav {width:100%;position: relative;margin: 0;background-color: #019271;}
.nav {height: 60px; margin:0 auto;}
.nav ul { width:100%;}
.nav_item {float: left;position: relative;margin: 0;width:14.2%;box-sizing: border-box;}
.nav_item>a:after{content:'';display:block;width:1px;height:14px;background:rgba(255,255,255,.5);position:absolute;top:50%;margin-top:-7px;right:-1px;}
.nav_item > a {display: block;width:100%;height: 60px;line-height: 60px;color: #fff;font-size: 16px;text-align: center;-webkit-transition: all .4s;transition: all .4s;position:relative;}
.nav_item:hover > a, .nav_item.navon > a {color: #fff;background-color: #0c6c56;}	
.nav_item:hover > a:after, .nav_item.navon > a:after{display:none;}

.menu_open { display: none;}
.nav_item_open {width: 100%;height: auto;position: absolute;left: 0;top: 100%;z-index: 10;box-shadow: 0 4px 8px 0 rgba(0, 12, 49, 0.1);background: #fff;border-radius: 0;opacity: 0;visibility: hidden;-webkit-transform: translateY(34px);transform: translateY(34px);-webkit-transition: all .4s;transition: all .4s;overflow: hidden;margin-top: 0px;}
.nav_item:hover .nav_item_open { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
.subopen { display: none; }
.nav_item2 { width: 100%; line-height: 48px; }
.nav_item2 a { display: block; padding: 0 10px; color: #666; font-size: 15px; white-space: nowrap; text-align: center; }
.nav_item2:hover a {background-color: #ededed;color: #019271;}
.hcover { display: none;}
@media screen and (max-width:1299px){
}
@media screen and (max-width:1023px){
	.menu_open { display: block;width: 28px;padding: 12px 9px;border: 1px solid #019271;margin: 0;position:fixed; right:2%;top: 17px; z-index: 99999999;}
    .menu_open i{display: block;width: 100%;height: 2px;background-color: #019271;border-radius: 1px;margin-top: 6px;}
	.menu_open i:nth-of-type(1){margin-top: 0px;}
    .nav{width: 50%;height: 100%;margin: 0;padding: 0;position: fixed;top: 0;left: -50%;z-index: 999999;background: #fff;}
	.nav_item{ width:100%;}
	.nav_item > a{ color:#333;padding-left: 20px; text-align:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	.nav_item > a::after{ width:0;}
	.hcover { display: block;width: 50%;height: 100%;background-color: rgba(0, 0, 0, 0.6);z-index: 999998;position: fixed; right:-50%; top:0;}
	.nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 100%; height: 100%; display: block;}
	.nav_item i:after { content: ''; display: block; width: 8px; height: 8px;border: 1px solid rgba(0, 0, 0, .5); border-top: 0; border-left: 0; position: absolute; right: 20px; -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); top:50%;}
	.navon i:after{content: '';border: 1px solid rgba(255, 255, 255, .5);border-top: 0; border-left: 0; }
	.nav_item_open { width: 50% !important; height: 100%; margin: 0; box-shadow: none; border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -100%; top: 0; }
    .subopen { display: block; }
    .subopen a { display: block; overflow: hidden; margin: 0; height:60px; line-height:60px;white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #fff; background:#0c6c56; text-indent: 0.24rem; padding-left:20px;position: relative; }
    .subopen a:before { content: ''; display: block; width: 0.16rem; height: 0.16rem; position: absolute; bottom: 50%; left: 0.24rem; margin-bottom: -0.10rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, 1); border-right: 0; border-bottom: 0; }
    .nav_item2 { position: relative; }
    .nav_item2 a { display: block; height:60px; line-height: 60px; overflow: hidden; margin: 0; padding-left: 20px; white-space: nowrap; text-overflow: ellipsis; color: #333; font-size: 16px; text-align:left;}
    .nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(0, 0, 0, .1);}
	}
@media (max-width: 767px) {
	.menu_open {width: 20px;padding: 7px; top:12px;margin-top: 3px; z-index:99999;right: 3%;}
}



/**banner**/
.apple-banner { width: 100%; height: 619px; overflow: hidden; background-color: #f2f2f2;}
.apple-banner .swiper-container { width: 100%; height: 619px;}
.swiper-button-prev,.swiper-button-next { width: 15%; height: 100%; top:0; background:none;}
.swiper-button-prev { left:0;}	
.swiper-button-next { right:0;}	
.swiper-button-prev span,.swiper-button-next span { display:block; width: 64px; height: 64px; position: absolute; left: 20px; top: 50%; margin-top:-32px; border-radius: 100%; background: rgba(0,0,0,0.5) url(../images/arrows1.png) no-repeat center center; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease;}
.swiper-button-next span { background: rgba(0,0,0,0.5) url(../images/arrows2.png) no-repeat center center; left:auto; right:20px; }
.swiper-button-prev:hover span,.swiper-button-next:hover span{ opacity: .6;}
/*分页器*/
.apple-banner .swiper-pagination{ top:auto; bottom:30px; background:none;}
.apple-banner .swiper-pagination-bullet { display: inline-block; margin: 0 12px; cursor: pointer; background: none; border-radius:0; opacity: 1;}
.apple-banner .swiper-pagination-bullet span { width: 12px; height: 12px; display: block; background: rgba(255,255,255,0.3); border-radius:6px;}
.apple-banner .swiper-pagination-bullet-active span{width: 48px; background-color: #fff;}
.apple-banner .swiper-pagination-bullet-active { width:48px;}
.apple-banner .autoplay .swiper-pagination-bullet-active span{ background: rgba(255,255,255,1);}
.apple-banner .swiper-pagination-bullet i{}
.apple-banner .autoplay .firsrCurrent i{ transition:transform 2.9s linear; transform:scaleX(1);}
.apple-banner .autoplay .current i{ transition:transform 4s linear; transform:scaleX(1);}
.apple-banner .autoplay .replace span{ background-color:#fff; border-radius:6px;}
/*内容样式*/
.slide1 { background:url(../images/banner1.jpg) center center no-repeat; background-size: 150%;}
.slide2 { background:url(../images/banner2.jpg) center center no-repeat; background-size: 150%;}

@media screen and (max-width:1499px) {
	/**banner**/
	.apple-banner { width: 100%; height: 3rem; overflow: hidden; background-color: #f2f2f2;}
	.apple-banner .swiper-container { width: 100%; height: 3rem;}
}
@media screen and (max-width:1080px) {
	.apple-banner .swiper-pagination-bullet span{ height:8px;}
	.apple-banner .swiper-pagination-bullet-active{ width:38px;}
	.apple-banner .swiper-pagination-bullet-active span{ width:38px;}
	}
@media screen and (max-width:767px) {
	.apple-banner .swiper-pagination{ bottom:15px;}
	.apple-banner .swiper-pagination-bullet span{ height:5px;}
	.apple-banner .swiper-pagination-bullet-active{ width:30px;}
	.apple-banner .swiper-pagination-bullet-active span{ width:30px;}
	}
	
/**首页大标题**/	
.title_1 {padding:0;overflow:hidden;text-align:center;position: relative;margin-bottom: 40px;}
.title_1 em{display:block;font-size: 80px;font-weight:bold;color: #f9f9f9;text-transform:uppercase;position: absolute;left: 50%;transform: translate(-50%, 0);top: -16px;z-index: 1;}
.title_1 span {display:inline-block;color: #019271;font-size: 40px;line-height: 74px;margin: 0 2px;font-weight:bold;position: relative;z-index: 2;}
.title_1 span.titr {color:#ff8207;}
.title_1 p{font-size: 20px;color:#999;position:relative;z-index:2;}
@media screen and (max-width:767px) {
	.title_1{ margin-bottom:20px;}
	.title_1 em{ font-size:60px;}
	.title_1 span{font-size:30px;line-height: 46px;}
	.title_1 p{ font-size:14px; margin-top:10px;}
	}
@media screen and (max-width:413px) {
	.title_1 em{ font-size:50px;}
	.title_1 span{font-size:26px; line-height:36px;}
	}

/**pro_line**/
.pro_line {margin: 45px auto;padding: 0;}	
.jk_title { width:100%; height: 48px; overflow: hidden; margin: 0 auto 30px; padding: 0; position: relative;}
.jk_title p { height:36px; line-height: 36px; color: #019271; font-size: 24px; margin: 0; padding: 0; float: left;}
.jk_title p span { display:inline-block; color: #999; font-family: "Arial"; font-size: 18px; font-style: italic; margin: 0 0 0 14px;}
.jk_title a { display:block; width: 118px; height: 34px; overflow: hidden; line-height: 34px; color: #019271; font-size: 14px; text-align: center; margin: 0; padding: 0; border: 1px solid #dfdfdf; float: right;}
.jk_title a img { display:inline-block; vertical-align: middle; margin: -2px 0 0 6px;}
.jk_title a:hover { border: 1px solid #019271;}
.jk_title em { display: block; width: 45px; height: 2px; overflow: hidden; margin: 0; padding: 0; background-color: #019271; position: absolute; left: 0; top: 46px;}

.pro_line ul li { width:31%; height: 240px; margin: 0 3.5% 0 0; padding: 40px 20px; box-sizing: border-box; float: left;}
.pro_line ul li:nth-child(3n+3) { margin:0;}
.pro_line ul li:nth-of-type(1){background:#f5f5f5 url(/skins/221128/images/pro_l1.jpg) right bottom no-repeat;}
.pro_line ul li:nth-of-type(2){background:#f5f5f5 url(/skins/221128/images/pro_l2.jpg) right bottom no-repeat;}
.pro_line ul li:nth-of-type(3){background:#f5f5f5 url(/skins/221128/images/pro_l3.jpg) right bottom no-repeat;}
.pro_line ul li .pro_lname { width:100%; overflow: hidden; color: #435065; font-size: 22px; margin: 0 auto; padding: 0;}
.pro_line ul li p {width:50%;overflow: hidden;color: #435065;font-size: 14px;margin: 12px auto 20px;padding: 0;opacity: 0.6;float:left;}
.pro_line ul li a {display:block;width: 118px;height: 34px;overflow: hidden;line-height: 34px;color: #019271;font-size: 14px;text-align: center;margin: 80px 0 0;padding: 0;border: 1px solid #dfdfdf; clear:both;}
.pro_line ul li a img { display:inline-block; vertical-align: middle; margin: -2px 0 0 6px;}
.pro_line ul li a:hover { border: 1px solid #019271;}
@media screen and (max-width:1299px) {
	.pro_line ul li p{ height:57px;}
	.pro_line ul li {    background-size: 320px 197px !important;}
	}
@media screen and (max-width:1023px) {
	.pro_line ul li{ width:100%;margin: 0 0 10px 0;background-size: auto!important;}
	.pro_line ul li p{ height:auto;}
	}
@media screen and (max-width:767px) {
	.pro_line{margin: 30px auto;}
	.pro_line ul li p{ height:57px;}
}
@media screen and (max-width:413px) {
	.pro_line ul li{background-size: 320px 197px !important;}
	}

.ly_scroll2 { width:100%; overflow: hidden; margin: 0 auto; padding: 0;}
.ly_scroll2 ul {overflow:hidden;}
.ly_scroll2 ul li {width:374px;_width:374px;overflow:hidden;vertical-align:top;margin:0 30px 0 0;padding:0px;float:left;}
.ly_scroll2 ul li .pro_name { width:100%; height: 40px; overflow: hidden; line-height: 40px; text-align: center; text-overflow:ellipsis; white-space:nowrap;}
.ly_scroll2 .pro_name a { color: #333; font-size: 15px;}
.ly_scroll2 .pro_name a:hover { color:#019271; font-weight: bold;}

.ly_scroll2 .port-1{width: 100%;height: 260px;overflow: hidden;text-align: center;border: 1px solid #f1f1f1;background-color: #ffffff;position: relative;padding: 3%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.ly_scroll2 .port-1 .text-desc{opacity:1; top: -100%; transition: 0.5s; color: #000; padding:0;}
.ly_scroll2 .port-1 img{transition: 0.5s;}
.ly_scroll2 .port-1:hover img{transform: scale(1.2);}
.ly_scroll2 .port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.ly_scroll2 .port-1.effect-2:hover .text-desc{ bottom: 0;}
.ly_scroll2 .image-box {display:block;width: 100%;height: 100%;margin:0 auto;padding:0;position:relative;}
.ly_scroll2 .image-box img { display:block; max-height:100%;max-width:100%; margin:auto;padding:0;position:absolute; left:0;top:0; right:0;bottom:0;}
.ly_scroll2 .text-desc { position: absolute; left: 0; top: 0; background-color: rgba(32, 51, 64, 0.8); height: 100%; opacity: 0; width: 100%; padding: 0;}
.ly_scroll2 .port-1 .btn{display:inline-block; width:100%; height:100%; margin:0 auto; padding:0; position: relative;}
.ly_scroll2 .port-1 .btn img { display:block; width:30px; height: 30px; margin: -15px 0 0 -15px; padding: 0; position: absolute; left: 50%; top: 50%; transform: scale(1.0);}

/**pro_rec**/
.pro_rec {width:100%;height: 450px;overflow: hidden;margin: 60px auto 0;padding: 45px 0;background: url(../images/rec_bg.jpg) center center no-repeat;background-size: 100% 100%;}
.pro_rec .rec_main {height: 330px;padding: 0;}

.ly_scroll { width:100%; overflow: hidden; margin: 0 auto; padding: 0;}
.ly_scroll ul {overflow:hidden;}
.ly_scroll ul li {width: 280px;_width: 280px;overflow:hidden;vertical-align:top;margin:0 30px 0 0;padding:0px;float:left;}
.ly_scroll ul li .pro_name { width:100%; height: 40px; overflow: hidden; line-height: 40px; text-align: center; text-overflow:ellipsis; white-space:nowrap;}
.pro_name a { color: #333; font-size: 15px;}
.pro_name a:hover { color:#019271; font-weight: bold;}

.port-1{width: 100%;overflow: hidden;text-align: center;border:8px solid #fff;background-color: #fff;position: relative;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.port-1 .text-desc{opacity:1; top: -100%; transition: 0.5s; color: #000; padding:0;}
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);}
.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{ bottom: 0;}
.image-box {width: 100%;height: 260px;margin:0 auto;padding:0;position:relative;}
.image-box img { display:block; max-height:100%;max-width:100%; margin:auto;padding:0;position:absolute; left:0;top:0; right:0;bottom:0;}
.text-desc { position: absolute; left: 0; top: 0; background-color: rgba(32, 51, 64, 0.8); height: 100%; opacity: 0; width: 100%; padding: 0;}
.port-1 .btn{display:inline-block; width:100%; height:100%; margin:0 auto; padding:0; position: relative;}
.port-1 .btn img { display:block; width:30px; height: 30px; margin: -15px 0 0 -15px; padding: 0; position: absolute; left: 50%; top: 50%; transform: scale(1.0);}
@media screen and (max-width:1023px) {
	.pro_rec{margin: 45px auto 0;padding: 30px 0 45px;}
	}
@media screen and (max-width:767px) {
.pro_rec{ margin:0 auto; height:400px;}
.pro_rec{padding: 30px 0;}
}

/*首页公司简介*/
.h_aboutus {background: #ffffff;background-size:auto 60%;transition:all 600ms ease 200ms;position:relative;height:100%;}
.h_aboutus .h_aboutus_in {position:relative;padding: 65px 0 65px;}
.h_aboutus .h_aboutus_in .wz{width:57%;float:left;position:relative;}
.h_aboutus .yw{display:block;font-size: 60px;color: #f7f7f7;font-weight:bold;text-transform : uppercase;position:absolute;top: -10px;left:0;z-index:1;}
.h_aboutus .tlt {clear:both;font-size: 26px;font-weight:bold;color:#000;text-align:left;margin-top: 10px;overflow:hidden;position: relative;z-index: 2;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.h_aboutus .about-dis {clear:both;overflow:hidden;margin: 38px auto 38px;}
.h_aboutus .about-num{float:left;margin-right:2%;width:31.33333333%;transition:.2s width ease;}
.h_aboutus .about-num .num {font-weight:bold;color:#019271;font-size:44px;}
.h_aboutus .about-num .ch {color:#000;font-size:18px;margin-left:10px;font-weight:bold;}
.h_aboutus .about-num .ch2 {font-size:15px;color:#1f1f1f;font-weight:bold;}
.h_aboutus .desc {color:#929191;font-size: 15px;line-height:2;padding: 0;box-sizing:border-box;text-align:left;margin-top: 0px;overflow:hidden;margin-bottom: 35px;height: 120px;}
.h_aboutus .h_aboutus_in .pic{width:40%;float:right;overflow:hidden;height: 396px;background: #fff;text-align:center;}
.h_aboutus .h_aboutus_in .pic img{width:100%;height:100%;object-fit: cover;}
.h_aboutus .ab-more{display:block;background:#019271;width:120px;height:40px;line-height:40px;text-align:center;color:#fff;}
@media screen and (max-width:1023px) {
	.h_aboutus .h_aboutus_in{padding: 45px 0;}
	.h_aboutus .h_aboutus_in .wz{ width:100%;}
	.h_aboutus .h_aboutus_in .pic{width:100%;}
	.h_aboutus .yw{ top:10px; width: 100%;  text-align: center;}
	.h_aboutus .tlt{ text-align:center; margin-top:30px;}
	.h_aboutus .about-num{ text-align:center; width:33.33333%; margin-right:0;}
	.h_aboutus .ab-more{ margin:0 auto;}
	}
@media screen and (max-width:767px) {
	.h_aboutus .h_aboutus_in{padding: 30px 0;}
	.h_aboutus .tlt{ margin-top:30px;}
	.h_aboutus .about-num .num{ font-size:36px;}
	.h_aboutus .h_aboutus_in .pic{min-height: 206px; height:auto;}
	.h_aboutus .h_aboutus_in .pic img{ height:auto;}
	.h_aboutus .about-dis{ margin: 30px auto 15px;}
	.h_aboutus .desc{margin-bottom: 20px;}
}
@media screen and (max-width:413px) {
	.h_aboutus .about-dis{ display:none;}
	.h_aboutus .desc{margin-top: 20px;}
	}
@media screen and (max-width:374px) {
	.h_aboutus .yw{ font-size:40px;}
	}
/*首页公司简介*/

/*优势*/
.h_newys {width:100%;padding: 50px 0 30px;overflow:hidden;margin:0 auto;background:url(../images/show_bg.jpg) no-repeat bottom center;}
.h_newys .yslist {padding:0;overflow:hidden;}
.h_newys .yslist li {width: 48.5%;padding: 20px 2%;overflow:hidden;margin:0 3% 25px 0;float:left;position:relative;z-index:0;background: #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.h_newys .yslist li:nth-child(2n){margin:0 0 25px 0;}
.h_newys .yslist li .ysimg {width:100px;float: left;}
.h_newys .yslist li .ysimg img{width:100%;margin:0 auto;image-rendering: -webkit-optimize-contrast;}
.h_newys .yslist li .yscon {width: calc(100% - 130px);float: right;}
.h_newys .yslist li .yscon p {color:#273944;font-size: 22px;line-height:50px;padding-top: 0;}
.h_newys .yslist li span {display:block;color: #999;font-size:16px;line-height:25px;position:relative;height: 50px;overflow: hidden;}
.h_newys .yslist li:hover p {color:#ff6600;}
@media screen and (max-width:1199px) {
.h_newys .yslist li .ysimg{ width:80px;}
.h_newys .yslist li .yscon{width: calc(100% - 100px);}
.h_newys .yslist li .yscon p{ font-size:20px;line-height: 30px;}
.h_newys .yslist li span{ font-size:14px; height:75px;}
}
@media screen and (max-width:767px) {
.h_newys {padding: 30px 0 10px;}
.h_newys .yslist li{ width:100%; margin:0 0 10px 0;}
.h_newys .yslist li:nth-child(2n){ margin:0 0 10px 0;}
}
/*优势*/

/**成功案例**/
.img_play {overflow: hidden;margin: 44px auto 0;padding: 0;}	
.jk_p1, .jk_p4 { width:23.5%; height: 590px; overflow: hidden; margin: 0; padding: 0; position: relative;}
.jk_p1 { float: left; margin: 0 1% 0 0;}
.jk_p4 { float: right; margin: -290px 0 0;}
.p_img1, .p_img4 { width:100%; height: 540px; overflow: hidden; margin: 0 auto; padding: 0; border: 1px solid #eaeaea; box-sizing: border-box; position: relative;}

.jk_p2 { width:25%; height: 290px; overflow: hidden; margin: 0 1% 0 0; padding: 0; float: left; position: relative;}
.p_img2 { width:100%; height: 240px; overflow: hidden; margin: 0 auto; padding: 0; border: 1px solid #eaeaea; box-sizing: border-box; position: relative;}

.jk_p3 { width:51%; height: 290px; overflow: hidden; margin: 10px 1% 0 0; padding: 0; float: left; position: relative;}
.p_img3 { width:100%; height: 240px; overflow: hidden; margin: 0 auto; padding: 0; border: 1px solid #eaeaea; box-sizing: border-box; position: relative;}

.jk_p1 img.img_pic, .jk_p2 img.img_pic, .jk_p3 img.img_pic, .jk_p4 img.img_pic { display: block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}

.p_text { width:100%; height: 40px; overflow: hidden; margin: 10px auto 0; padding: 0;}
.p_text p { width:100%; height: 20px; overflow: hidden; line-height: 20px; margin: 0 auto; padding: 0; color: #333; font-size: 14px; text-align: center;}
.p_text span { display: block; width:100%; height: 20px; overflow: hidden; line-height: 20px; margin: 0 auto; padding: 0; color: #999; font-family: "Arial"; font-size: 14px; text-align: center;}

.jk_p1 .img_mask, .jk_p2 .img_mask, .jk_p3 .img_mask, .jk_p4 .img_mask {opacity:1; top: -100%; transition: 0.5s; color: #000; padding:0;}
.jk_p1 img.img_pic, .jk_p2 img.img_pic, .jk_p3 img.img_pic, .jk_p4 img.img_pic {transition: 0.5s;}
.jk_p1:hover img.img_pic, .jk_p2:hover img.img_pic, .jk_p3:hover img.img_pic, .jk_p4:hover img.img_pic {transform: scale(1.2);}
.jk_p1.effect-2 .img_mask, .jk_p2.effect-2 .img_mask, .jk_p3.effect-2 .img_mask, .jk_p4.effect-2 .img_mask {top: auto; bottom: -100%;}
.jk_p1.effect-2:hover .img_mask, .jk_p2.effect-2:hover .img_mask, .jk_p3.effect-2:hover .img_mask, .jk_p4.effect-2:hover .img_mask {bottom: 0;}
.img_mask {position: absolute; left: 0; top: 0; background-color:rgba(32, 51, 64, 0.8); height: 100%; opacity: 0; width: 100%; padding:0;}
.img_mask a {display:inline-block; width:100%; height:100%; margin:0 auto; padding:0; position: relative;}
.img_mask a img { display:block; width:30px; height: 30px; margin: -15px 0 0 -15px; padding: 0; position: absolute; left: 50%; top: 50%; transform: scale(1.0);}

.pl_img { width:100%; overflow: hidden; margin: 0 auto; padding: 0;}
@media screen and (max-width:767px) {
	.img_play {margin: 30px auto 0;}	
	}
	

/**首页新闻技术文章**/
.jk_news .new_main {overflow: hidden;padding: 0;}
.jk_news {width:100%;overflow: hidden;margin: 44px auto 0;padding: 60px 0;background-color: #f5f5f5;}
.new_main .jk_nwl, .new_main .jk_nwr { width: 48%; overflow: hidden; margin: 0; padding: 0;}
.new_main .jk_nwl { float:left;}
.new_main .jk_nwr { float:right;}

.new_tab1, .new_tab2 { margin:0 0 30px;}
.new_tab1 ul li, .new_tab2 ul li { height: 36px; line-height: 36px; margin: 0 30px 0 0; padding: 0 0 12px; color: #aaa; font-size: 24px; cursor: pointer; float: left; position: relative;}
.new_tab1 ul li em, .new_tab2 ul li em { display: none; width: 45px; height: 2px; overflow: hidden; margin: 0; padding: 0; background-color: #019271; position: absolute; left: 0; top: 46px;}
.nw_df { }
.new_tab1 ul li.nw_on, .new_tab2 ul li.nw_on { color: #019271;}
.new_tab1 ul li.nw_on em, .new_tab2 ul li.nw_on em { display:block;}
.new_tab1 a, .new_tab2 a  { display:block; width: 118px; height: 34px; overflow: hidden; line-height: 34px; color: #019271; font-size: 14px; text-align: center; margin: 0; padding: 0; border: 1px solid #dfdfdf; float: right;}
.new_tab1 a img, .new_tab2 a img { display:inline-block; vertical-align: middle; margin: -2px 0 0 6px;}
.new_tab1 a:hover, .new_tab2 a:hover { border: 1px solid #019271;}

.nw_first {width:100%;height: 120px;margin: 0 auto 20px;padding: 0;}
.nw_first .lynw_list { width:100%; height: 120px; margin: 0 auto; padding: 0; background-color: #fff;}
.nw_first .lynw_list:hover { box-shadow:0 8px 20px rgba(204,204,204,0.3);}
.nw_img{
    width: 32%;
    height: 120px;
    padding: 10px;
    display: block;
    float: left;
    box-sizing: border-box;
}
.nw_img a {display: block;width: 100%;height: 100%;overflow: hidden;margin: 0;padding: 0;position: relative;float: left;background: #f5f5f5;}
.nw_img img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.nw_text {width:68%;height: 122px;overflow: hidden;margin: 0;padding: 14px 18px 14px 10px;box-sizing: border-box;float: right;}
.nw_text .nw_tit a { display: block; width:100%; height: 24px; overflow: hidden; line-height: 24px; color: #333; font-size: 16px; margin: 0 auto; padding: 0; text-overflow:ellipsis; white-space: nowrap;}
.nw_text p {width:100%;height: 40px;overflow: hidden;line-height: 20px;color: #999;font-size: 14px;margin: 4px auto 6px;padding: 0;text-align: justify;}
.nw_text span {display:block;width:100%;height: 16px;overflow: hidden;line-height: 16px;color: #777;font-size: 14px;margin: 0 auto;padding: 0;}
.nw_first .nw_tit a:hover { color:#019271;}
.nw_list {width: 94%;overflow: hidden;margin: 0 auto;background: #fff;padding: 12px 3%;}
.nw_list ul li { width:100%; height: 40px; overflow: hidden; line-height: 40px; margin: 0 auto; padding: 0 0 0 20px; box-sizing: border-box; background: url(../images/nwlist_jt.png) 0 16px no-repeat;}
.nw_list ul li a {display:block;width:80%;height: 40px;overflow: hidden;line-height: 40px;color:#333;font-size: 15px;text-overflow:ellipsis;white-space: nowrap;float: left;}
.nw_list ul li a:hover { color:#019271;}
.nw_list ul li span {display:inline-block;width:20%;color: #999;font-family: "Arial";font-size: 15px;text-align: right;float: right;}
@media screen and (max-width:1023px) {
.jk_news { padding:45px 0;}
}
@media screen and (max-width:767px) {
	.jk_news {margin: 30px auto 0;padding:30px 0;}	
	.new_main .jk_nwl{ width:100%; margin-bottom:30px;}
	.new_main .jk_nwr{ width:100%;}
	.nw_list ul li{padding: 0 0 0 15px;}
	.nw_list ul li a{ width:75%;}
	.nw_list ul li span{width:25%;}
	}
@media screen and (max-width:375px) {
	.nw_list ul li{padding: 0 0 0 3%;}
	}


/**contact_video**/
.contact_video { width:1300px; overflow: hidden; margin: 60px auto; padding: 0;}

.lyjk_contact, .lyjk_video { width:48%; overflow: hidden; margin: 0; padding: 0;}
.lyjk_contact { float:right;}
.lyjk_video { float:left;}
.contact_tit { width:100%; overflow: hidden; margin: 0 auto 30px; padding: 0; color: #333; font-size: 24px;}
.contact_tit span { display:inline-block; color: #019271; font-size: 14px; margin: 0 0 0 16px;}
.contact_list { width:100%; overflow: hidden; margin: 0 auto 18px; padding: 0;}
.contact_list p { height:24px; overflow: hidden; line-height: 24px; color: #666; font-size: 14px; margin: 0 0 12px; padding: 0; float: left;}
.contact_list p img { display:block; width:24px; height: 24px; margin: 0 8px 0 0; padding: 0; float: left;}
.contact_list p.jk_addr { width:100%;}
.contact_list p.jk_tel, .contact_list p.jk_mobile, .contact_list p.jk_fax, .contact_list p.jk_mail { width:50%;}
.contact_list p.jk_fax, .contact_list p.jk_mail { padding: 0 0 0 20px; box-sizing: border-box;}
.jk_ewm { width:100%; overflow: hidden; margin: 0 auto; padding: 0;}
.jk_ewm ul li { width:50%; overflow: hidden; margin: 0; padding: 0; float: left; box-sizing: border-box;}
.jk_ewm ul li img { display:block; width: 180px; height: 180px; margin: 0; padding: 0;}
.jk_ewm ul li p { width:180px; overflow: hidden; margin: 12px 0 0; padding: 0; color: #666; font-size: 14px; text-align: center;}

.mxvd_main { width:100%; height: 370px; overflow: hidden; margin: 0 auto; padding: 10px; background-color: #9aa7b0; box-sizing: border-box;}

/**jk_links**/
.lk_main { width:1300px; height: auto; margin: 0 auto; padding: 0;}	
.lk_main a{ color:#999;}
.lk_main ul li { width:16%; height: 80px; margin: 0 0.8% 4px 0; padding: 0; float: left;}
.lk_main ul li:nth-child(6n+6) { margin: 0 0 4px;}
.lk_main ul li a { display:block; width:100%; height: 100%; margin: 0 auto; padding: 0; background-color: #fff; position: relative;}
.lk_main ul li a img { display:inline-block; max-width: 94%; max-height: 94%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.lk_main ul li a:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}


.jk_links { width:100%; overflow: hidden; margin: 0 auto; padding: 60px 0; background-color: #f5f5f5;}	



/**ny_banner**/
.ny_banner { width:100%;overflow: hidden; margin: 0 auto; height:380px; position:relative;}
.ny_banner img{image-rendering: -webkit-optimize-contrast;height:100%; position:absolute; left:50%;transform: translateX(-50%);}
@media screen and (max-width:1023px) {
.ny_banner{ height:280px;}
}
@media screen and (max-width:767px) {
.ny_banner{ height:150px;}	
}


/**成功案例**/
.case_mian {height: auto; margin: 40px auto; padding: 0;}
.case_menu li { width:12.5%; height: 100px; overflow: hidden; margin: 0; padding: 0; float: left;}
.case_menu li a { display:block; width:100%; height: 40px; overflow: hidden; margin: 0 auto; padding: 30px 0; background: url(../images/line1.jpg) left 20px no-repeat;}
.case_menu li:first-child a { background:none;}
.case_menu li a p { width:100%; height: 20px; overflow: hidden; line-height: 20px; color: #333; font-size: 14px; text-align: center; margin: 0 auto 4px; padding: 0;}
.case_menu li a span { display: block; width:100%; height: 16px; overflow: hidden; line-height: 16px; color: #999; font-family: "Arial"; font-size: 10px; text-align: center; margin: 0 auto; padding: 0;}
.case_menu li a:hover, .case_menu li a.abmenu_on { background:#019271;}
.case_menu li a:hover p, .case_menu li a.abmenu_on p { color:#fff;}
.case_menu li a:hover span, .case_menu li a.abmenu_on span { color:#fff; opacity: 0.5;}


.case_mian ul li {width:23.5%;/* height:360px; */margin: 0 2% 30px 0;padding: 0;float: left;}
.case_mian ul li:nth-child(4n){ margin-right:0;}
.case_mian ul li .lypro_list { width:100%; height: 100%; margin: 0 auto; padding: 16px; box-sizing: border-box; background-color: #fff;box-shadow: 0 10px 20px rgba(28, 56, 74, 0.1);}
.case_mian ul li .lypro_list:hover { box-shadow: 0 10px 20px rgba(28, 56, 74, 0.2);}
.case_mian ul li .lypro_list .case_img a { display:block; width:100%; height:240px; overflow: hidden; margin: 0 auto 16px; padding: 0; position: relative;}
.case_img a img { display:block; max-width:100%; max-height:100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.case_mian ul li .lypro_list p a {display:block;width:100%;height: 20px;overflow: hidden;line-height: 20px;margin: 0 auto 12px;padding: 0;color: #333;font-size: 15px;text-align: center;text-overflow:ellipsis;white-space: nowrap;}
.case_mian ul li span a { display:block; width:83px; height:26px; overflow: hidden; line-height:26px; color: #999; font-size: 14px; text-align:center; border:1px solid #eaeaea; margin: 0 auto; padding: 0;}
.case_mian ul li p a:hover { color:#019271;}
.case_mian ul li span a:hover { border:1px solid #019271; color:#019271;}
@media screen and (max-width:1023px) {
.case_mian ul li{ width:49%;}
.case_mian ul li:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:767px) {
.case_mian ul li .lypro_list .case_img a{ height:140px;}
.case_mian ul li span{ display:none;}
}


/**翻页**/
.jk_page {overflow: hidden; margin: 0 auto; padding: 0; text-align: center;}
.jk_page  a {display: inline-block;padding: 0 10px;background:#ddd;height: 30px;line-height: 30px;text-align: center;margin-right: 5px;
border-radius: 2px;color: #3a3a3a;}
.jk_page a.pg_btn { width:80px; margin: 0 4px;}
.jk_page a.pnnum { width:34px; font-family: "Arial";}
.jk_page a.pnnum1{ width:34px;}
.jk_page a:hover, .jk_page a.pnnum1 { background:#283238;color:#ffffff;}
.jk_page input{display:inline-block;padding:0 5px;background:#283238;width:40px !important;height:30px !important;line-height:30px;text-align:center;margin:0 5px;color:#fff;cursor:pointer;border:0;}
.jk_page .p_input{display:inline-block;padding:0 5px;background:#ddd;height:30px;line-height:30px;text-align:center;margin:0 5px;color:#555;cursor:default; border:0;}
@media screen and (max-width:767px) {
	.jk_page {font-size:0;}
	.jk_page a{ font-size:14px;}
	.jk_page .p_input{ display:none;}
	.jk_page input{ display:none;}
}
	
/**内页技术文章 新闻**/
.nws_main {height: auto; margin: 40px auto; padding: 0; min-height: 300px;}

.nws_menu li { width:25%; height: 100px; overflow: hidden; margin: 0; padding: 0; float: left;}
.nws_menu li a { display:block; width:100%; height: 40px; overflow: hidden; margin: 0 auto; padding: 30px 0; background: url(../images/line1.jpg) left 20px no-repeat;}
.nws_menu li:first-child a { background:none;}
.nws_menu li a p { width:100%; height: 20px; overflow: hidden; line-height: 20px; color: #333; font-size: 14px; text-align: center; margin: 0 auto 4px; padding: 0;}
.nws_menu li a span { display: block; width:100%; height: 16px; overflow: hidden; line-height: 16px; color: #999; font-family: "Arial"; font-size: 10px; text-align: center; margin: 0 auto; padding: 0;}
.nws_menu li a:hover, .nws_menu li a.abmenu_on { background:#019271;}
.nws_menu li a:hover p, .nws_menu li a.abmenu_on p { color:#fff;}
.nws_menu li a:hover span, .nws_menu li a.abmenu_on span { color:#fff; opacity: 0.5;}

.nws_main .nws_list {width:100%;height: 120px;margin: 0 auto 14px;padding: 0;}
.nws_list .lynwslist {width:100%;/* height: 120px; */margin: 0 auto;padding: 0;background-color: #fff;}
.nws_list .lynwslist:hover { box-shadow: 0 10px 20px rgba(28, 56, 74, 0.1);}
.nws_list .lynwslist .nws_img a { display: block; width:16%; height: 120px; overflow: hidden; margin: 0; padding: 0; float: left; position: relative;}
.nws_img a img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.nws_list .lynwslist .nws_text {width: 88%;height: 130px;overflow: hidden;margin: 0;padding: 15px 2%;box-sizing: border-box;float: left;}
.nws_list .lynwslist .nws_text p a { display: block; width:100%; height: 30px; overflow: hidden; line-height: 30px; color: #333; font-size: 16px; margin: 0 auto 10px; padding: 0; text-overflow:ellipsis; white-space: nowrap;}
.nws_list .lynwslist:hover .nws_text p a { color:#019271;}
.nws_list .lynwslist .nws_text span {display:block;width:100%;height: 45px;overflow: hidden;line-height: 24px;color: #999;font-size: 15px;margin: 0 auto;padding: 0;text-align: justify;}
.nws_list .lynwslist .nws_time {width:10%;height: 100px;overflow: hidden;margin: 10px 2% 10px 0;padding: 20px 0;background-color: #f5f5f5;float: right;box-sizing: border-box;}
.nws_time p {width:100%;overflow: hidden;margin: 0 auto;padding: 0;color: #999;font-family: "Arial";font-size: 24px;text-align: center;}
.nws_time span {display:block;width:100%;overflow: hidden;margin: 0 auto;padding: 0;color: #999;font-family: "Arial";font-size: 26px;text-align: center;font-weight: bold;}
.nws_line {width:100%;overflow: hidden;margin: 10px auto;padding: 0;border-bottom: 1px solid #eaeaea;}
.nws_jiange{ margin-top:30px;}
@media screen and (max-width:767px) {
.nws_main{margin: 30px auto;}
.jk_crumb{margin: 0 auto 20px !important;}
.nws_list .lynwslist .nws_text{ width:78%; padding-left:0;}
.nws_list .lynwslist .nws_time{ width:20%; margin-right:0; position:relative;}
.nws_list .lynwslist .nws_time>div{position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%);}
.nws_time p{ font-size:18px;}
.nws_time span{font-size:20px;}
}

/*人才招聘*/
.nws_main .nws_listjb { width:96%; margin: 0 auto 30px; padding: 0;position:relative;border-top: #e1e8e7 solid 2px;background: #fafafa;padding:20px 2%;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;border-radius: 10px;}
.nws_main .nws_listjb .hd{ width:75%;}
.nws_main .nws_listjb .hd .tlt{display:block;font-size:18px;color:#019271;line-height:22px;font-weight:bold;margin-bottom:15px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.nws_main .nws_listjb .hd p span{display:inline-block;font-size: 14px;color:#969696;margin-right:30px;}
.nws_main .nws_listjb a.more{display:block;width:105px;height:40px;border-radius:4px;font-size:14px;background:#019271;color:#fff;line-height:40px;font-weight:bold;text-align:center;position:absolute;bottom:25px;right:2%;}
.nws_main .nws_listjb a.more:hover{background:#0ba07e;}
.nws_main .nws_listjb:hover{box-shadow: 0 0 10px #e6e6e6;}

.job_detail{border-top: #e1e8e7 solid 2px;background:#fafafa;padding: 30px 3% 40px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;border-radius:10px;}
.job_detail .hd{margin-bottom:20px;}
.job_detail .hd .tlt{font-size: 22px;color: #019271;line-height:22px;font-weight:bold;margin-bottom: 22px;}
.job_detail .hd p span{display:inline-block;font-size: 15px;color:#969696;margin-right:30px;}
.job_detail .bd .tlt2{font-weight:bold;font-size: 17px;color:#252525;line-height:24px;margin-bottom: 10px;}
.job_detail .bd .wz{font-size: 15px;line-height: 30px;color:#999;padding-bottom: 20px;}
.job_detail .bd .btn1{display:block;width:150px;height:45px;border-radius: 4px;background: #019271;text-align:center;line-height:45px;color:#fff;font-size: 15px;}
.job_detail .bd .btn1:hover{background: #279d9d ;}
@media screen and (max-width:767px) {
	.nws_main .nws_listjb {width:92%;padding:20px 4%;}
	.nws_main .nws_listjb .hd{ width:100%;}
	.nws_main .nws_listjb a.more{ display:none;}
	
	}

/**nw_detail**/
.jk_crumb { width:100%; height: 20px; overflow: hidden; line-height: 20px; font-size: 14px; margin: 0 auto 40px; padding: 0 0 16px; border-bottom: 1px solid #eaeaea; white-space:nowrap;text-overflow:ellipsis;}
.jk_crumb a { color:#666; margin: 0 6px 0 0;}
.jk_crumb a:hover { color:#019271;}
.jk_crumb span { color:#666;}
.jk_crumb img { display:inline-block; vertical-align: middle; margin: -4px 6px 0 0; padding: 0;}

.nw_detail { width:100%; overflow: hidden; margin: 40px auto; padding: 0;}
.nw_detail h3 { width:100%; overflow: hidden; margin: 0 auto 30px; padding: 0; color: #333; font-size: 24px; text-align: center;}
.nw_detail h1 { width:100%; overflow: hidden; margin: 0 auto 30px; padding: 0; color: #333; font-size: 24px; text-align: center;}
.nw_detail .nwdtl_tips {height: 40px; overflow: hidden; line-height: 40px; color: #999; font-size: 14px; padding: 0; background-color: #f5f5f5; text-align: center;}
.nwdtl_tips img { display:inline-block; vertical-align: middle; margin: -4px 6px 0 0;}
.nw_detail .nwdtl_con { width:100%; overflow: hidden; margin: 40px auto 30px; padding: 0 0; box-sizing: border-box;}
.nwdtl_con i { display:block; width:100%; overflow: hidden; line-height: 28px; margin: 0 auto; padding: 0; color: #333; font-size: 14px; font-weight: bold; font-style: normal; text-align: left;}
.nwdtl_con p { width:100%; overflow: hidden; line-height: 26px; padding: 0; color: #666;text-align: left;}
.nwdtl_con img { display:block; max-width: 100%; margin: 0 auto 30px; padding: 0;}

.prev_next { width: 100%; height: 40px; overflow: hidden; margin: 0 auto; padding: 0; background-color: #f5f5f5;}
.prev_next span { display:block; width:50%; height: 40px; overflow: hidden; line-height: 40px; color: #333; font-size: 14px; text-overflow:ellipsis; white-space: nowrap; margin: 0; padding: 0 30px; box-sizing: border-box; float: left;}
.prev_next a { color: #333;}
.prev_next span:hover { color:#fff; background-color: #019271;}
.prev_next span:hover a{color:#fff;}
@media screen and (max-width:767px) {
	.nw_detail{margin: 20px auto;}
	.nw_detail h1 { font-size: 20px; font-weight:bold;line-height: 32px;margin: 0 auto 15px;}
	.nw_detail .nwdtl_con{ margin-top:30px;}
	.prev_next{ height:auto; background:#fff;}
	.prev_next span{ background:#f5f5f5; width:100%;}
	.prev_next span:nth-of-type(2) { margin-top:10px;}
	}
	



/**prolist**/

.pro_menu li { display:block; width:25%; height: 100px; line-height: 100px; margin: 0; padding: 0; text-align: center; background: url(../images/line1.jpg) left 20px no-repeat; float: left;}
.vd_menu li { display:block; width:33.333333%; height: 100px; line-height: 100px; margin: 0; padding: 0; text-align: center; background: url(../images/line1.jpg) left 20px no-repeat; float: left;}
.pro_menu li:first-child, .vd_menu li:first-child { background:none;}

#divselect, #divselect1, #divselect2, #divselect3 { display: inline-block; width:160px; height: 36px; margin:0; position:relative; z-index:10000; vertical-align: middle;}
#divselect4, #divselect5, #divselect6 { display: inline-block; width:200px; height: 36px; margin:0; position:relative; z-index:10000; vertical-align: middle;}
#divselect cite, #divselect1 cite, #divselect2 cite, #divselect3 cite { width:160px; height:36px; display:block; cursor:pointer;font-style:normal; padding:0 30px 0 19px; border:1px solid #dfdfdf; 
background:url(../images/slt_jt.png) right center no-repeat; box-sizing: border-box;}
#divselect4 cite, #divselect5 cite, #divselect6 cite { width:200px; height:36px; display:block; cursor:pointer;font-style:normal; padding:0 30px 0 19px; border:1px solid #dfdfdf; 
background:url(../images/slt_jt.png) right center no-repeat; box-sizing: border-box;}
#divselect cite p, #divselect1 cite p, #divselect2 cite p, #divselect3 cite p, #divselect4 cite p, #divselect5 cite p, #divselect6 cite p { width:100%; height:34px; overflow: hidden; line-height:34px; color:#666; font-size: 14px; text-align: left; text-overflow:ellipsis; white-space: nowrap;}
#divselect ul, #divselect1 ul, #divselect2 ul, #divselect3 ul { width:158px; border:1px solid #dfdfdf; background-color:#ffffff; position:absolute; z-index:20000; margin-top:-1px; display:none;}
#divselect4 ul, #divselect5 ul, #divselect6 ul { width:198px; border:1px solid #dfdfdf; background-color:#ffffff; position:absolute; z-index:20000; margin-top:-1px; display:none;}
#divselect ul li, #divselect1 ul li, #divselect2 ul li, #divselect3 ul li, #divselect4 ul li, #divselect5 ul li, #divselect6 ul li { width:100%; height:34px; line-height:34px; margin: 0 auto; padding: 0; background: none;}
#divselect ul li a, #divselect1 ul li a, #divselect2 ul li a, #divselect3 ul li a, #divselect4 ul li a, #divselect5 ul li a, #divselect6 ul li a { display:block; height:34px; color:#666; font-size: 14px; text-decoration:none; padding:0 19px; text-align: left;}
#divselect ul li a:hover, #divselect1 ul li a:hover, #divselect2 ul li a:hover, #divselect3 ul li a:hover, #divselect4 ul li a:hover, #divselect5 ul li a:hover, #divselect6 ul li a:hover { background-color:#f5f5f5;}

/**联系我们**/

.jk_serv { width:1300px; overflow: hidden; margin: 0 auto; padding: 0;}

.jk_contact { width:42%; overflow: hidden; margin: 0; padding: 0; box-sizing: border-box; float: left;}
.jk_contact h3 { width:100%; overflow: hidden; color: #333; font-size: 24px; margin: 0 0 30px; padding: 0;}
.jk_contact ul li { width:100%; overflow: hidden; line-height: 32px; color: #666; font-size: 14px; margin: 0 auto; padding: 0;}
.jk_contact ul li span { color:#333;}
.jk_map { width:55%; height: 340px; overflow: hidden; margin: 0; padding: 0; background-color: #fff; border: 10px solid rgba(45, 93, 93, 0.2); box-sizing: border-box; float: right;}

.jk_serv { width:100%; overflow: hidden; margin: 0 auto; padding: 0;}
.jk_serv .ct_tit { width:100%; overflow: hidden; margin: 0 auto 30px; padding: 0; color: #333; font-size: 24px;}
.ct_tit span { display:block; width: 40px; height: 2px; overflow: hidden; margin: 12px 0 0; padding: 0; background-color: #019271;}
.jk_serv p { width:100%; overflow: hidden; line-height: 28px; color: #666; font-size: 14px; margin: 24px auto; padding: 0;}
.jk_serv p img { display:block; max-width: 100%; overflow: hidden; margin: 0 auto; padding: 0;}

.jk_serv form { width:690px; overflow:hidden; margin:40px auto; padding:0;}
.jk_serv form ul li { width:100%; overflow:hidden; line-height:50px; color:#777; margin:0 0 20px; padding:0;}
.jk_serv form ul li h6 { width:80px; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:14px; margin:0; padding:5px 0; float:left;}
.jk_serv form ul li .sgt_ipt { display:block; width:540px; height:30px; overflow:hidden; line-height:30px; color:#777; font-size:14px; margin:0 15px 0 0; padding:9px 19px; border:1px solid #dfdfdf; outline:none; float:left;}
.jk_serv form ul li .sgt_area { display:block; width:540px; height:100px; overflow:hidden; line-height:30px; color:#777; font-size:14px; margin:0 15px 0 0; padding:9px 19px; border:1px solid #dfdfdf; outline:none; resize:none; float:left;}
.jk_serv form ul li i { color:#f00;}
.jk_serv form .sgt_btn { width:580px; height:60px; overflow:hidden; margin:40px 0 0; padding:0 0 0 80px;}
.sgt_btn .sgt_bl, .sgt_btn .sgt_br { display:block; width:280px; height:60px; overflow:hidden; line-height:60px; color:#fff; font-size:16px; text-align:center; border:none; outline:none; margin:0; padding:0;}
.sgt_btn .sgt_bl { background-color:#24bb6c; float:left;}
.sgt_btn .sgt_br { background-color:#ffa800; float:right;}
@media screen and (max-width:767px) {
	.jk_contact{ width:100%;}
	.jk_map{width:100%; margin-top:10px;}
	}

/**荣誉资质**/
.vd_mian {height: auto; margin: 40px auto; padding: 0;}

.vd_mian ul li { width:23.5%; height:360px; margin: 0 2% 30px 0; padding: 0; float: left;}
.vd_mian ul li:nth-child(4n+4) { margin-right:0;}
.vd_mian ul li .lypro_list { display:block; width:100%; height: 100%; margin: 0 auto; padding: 16px; box-sizing: border-box; background-color: #fff;box-shadow: 0 10px 20px rgba(28, 56, 74, 0.1);}
.vd_mian ul li .lypro_list:hover { box-shadow: 0 10px 20px rgba(28, 56, 74, 0.2);}
.vd_mian ul li .lypro_list .vd_img a { display: block; width:100%; height:240px; overflow: hidden; margin: 0 auto 16px; padding: 0; position: relative;}
.vd_img a img { display:block; max-width:100%; max-height:100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.vd_mian ul li .lypro_list p a { display:block; width:100%; height: 20px; overflow: hidden; line-height: 20px; margin: 0 auto 15px; padding: 0; color: #666; font-size: 15px; text-align: center; text-overflow:ellipsis; white-space: nowrap;}
.vd_mian ul li .lypro_list span a { display:block; width:83px; height:26px; overflow: hidden; line-height:26px; color: #999; font-size: 14px; text-align:center; border:1px solid #eaeaea; margin: 0 auto; padding: 0;}
.vd_mian ul li .lypro_list p a:hover { color:#019271;}
.vd_mian ul li .lypro_list span a:hover { border:1px solid #019271; color:#019271;}
@media screen and (max-width:1023px) {
	.vd_mian ul li { width:49%;}
	.vd_mian ul li:nth-child(2n) { margin-right:0;}
	}
@media screen and (max-width:767px) {
.vd_mian ul li{ height:auto;}
.vd_mian ul li .lypro_list .vd_img a{ height:140px;}
.vd_mian ul li .lypro_list span{ display:none;}
}

/**jk_msg**/

.jk_msg { width: 1200px; overflow: hidden; margin: 0 auto 40px; padding: 0;}

.jk_msg { width: 100%; overflow: hidden; margin: 0 auto 40px; padding: 0;}
.jk_msg .msg_l { width: 48%; overflow: hidden; margin: 0; padding: 0; float: left;}
.jk_msg .msg_r { width: 48%; overflow: hidden; margin: 0; padding: 0; float: right;}
.msg_l .msg_ipt { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 38px; color: #666; font-size: 14px; margin: 0 0 30px; padding: 0 20px; border: 1px solid #dfdfdf; outline: none; box-sizing: border-box;}
.msg_r .msg_area { display: block; width: 100%; height: 270px; overflow: hidden; line-height: 38px; color: #666; font-size: 14px; margin: 0 0 30px; padding: 10px 20px; border: 1px solid #dfdfdf; outline: none; resize: none; box-sizing: border-box;}
.msg_r .msg_btn { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; margin: 0; padding: 0; background-color: #019271; color: #fff; font-size: 14px; text-align: center; border: none; outline: none; cursor: pointer;}

.msg_ip { width:300px; height: 40px; overflow: hidden; line-height: 38px; color: #666; font-size: 14px; margin: 0 0 30px; padding: 0 20px; border: 1px solid #eaeaea; outline: none;box-sizing: border-box;}

/**jk_foot**/
/*底部*/
.foot{ width:100%; background: #232323; color:#fff; padding:30px 0;}
.w1200 {width: 1300px;margin: 0 auto;}
.foot_top{ padding:30px 0;}
.foot_top .foot1{ width:50%; margin-right:2%;}
.foot_top .foot1 dl{ width:31%; margin-right:2%;max-height: 180px;overflow: hidden; }
.foot_top .foot1 dl dt{ font-size:12px; color:#666; margin-bottom:30px;background:url(../images/footico.png) left center no-repeat; padding-left: 35px;height: 24px;line-height: 24px;}
.foot_top .foot1 dl dt em{ font-size:16px; color:#fff;margin-right: 3%;}
.foot_top .foot1 dl dd{ margin:0;padding-left: 15px;}
.foot_top .foot1 dl dd i{display:inline-block; width:5px; height:1px; background-color:#aaa; margin:0 9% 5px 0;}
.foot_top .foot1 dl dd a{ display:inline-block; font-size:14px; color:#aaa; line-height:30px; text-align:left;}
.foot_top .foot1 dl dd a:hover{color:#fff; }
.foot_top .foot2{ width:28%; margin-right:2%;}
.foot_top .foot2 .top{width:100%;height:auto;_background:url(../images/footline.jpg) bottom center no-repeat;border-bottom: 1px solid #3f3f3f;padding-bottom: 14px;}
.foot_top .foot2 .top .con{width: 70%;}
.foot_top .foot2 .top .con p{ font-size:15px; color:#fff;}
.foot_top .foot2 .top .con span{font-size:30px;font-weight:bolder;color: #019271;margin:0;}
.foot_top .foot2 .top .pic{ width:26%;}
.foot_top .foot2 span { display:block;font-size:15px; color:#aaa; margin:20px 0; }
.foot_top .foot2 .ico1{background:url(../images/dlx.png) left center no-repeat; padding-left:7%;}
.foot_top .foot2 .ico2{background:url(../images/demil.png) left center no-repeat;padding-left:7%;}
.foot_top .foot2 .ico3{background:url(../images/dmap.png) left center no-repeat;padding-left:7%;}
.foot_top .foot3{ width:9.3%; text-align:center;}

.foot_top .foot3 img{ width:100%;}
.foot_top .foot3 p{font-size:14px; color:#aaa; line-height:50px;}

.foot_middle{background:url(../images/link.png) center center repeat;_background-size: cover;margin-bottom:30px;min-height: 70px;padding: 5px 1% 10px;}
.foot_middle .link{ font-size:14px; color:#aaa; line-height:20px;width: 64px;display: block;float: left;padding: 10px 20px 10px 50px;background:url(../images/link2.png) left center no-repeat;}
.foot_middle .link p{ display:block;font-size:16px; color:#fff; line-height:30px;}
.foot_middle a{ display:inline-block;font-size:14px; color:#aaa; line-height:30px;margin: 5px 10px 0 0;}
.foot_middle a:hover{color:#fff; }

.foot_bot{ line-height:30px;}
.foot_bot p{font-size:14px; color:#aaa;}
.foot_bot p a{ display:inline-block;font-size:14px; color:#aaa;line-height:30px;}
.foot_bot p a:hover{color:#fff; }
@media screen and (max-width:1299px) {
.foot_top .foot2 .top .con span{ font-size:24px;margin-top: 5px;}
}
@media screen and (max-width:1023px) {
.foot_top{ padding:15px 0;}
.foot_top .foot1{ display:none;}
.foot_top .foot2{ width:50%;}
.foot_top .foot3{width:auto;}
.foot_top .foot3 img{ width:auto;}
}
@media screen and (max-width:767px) {
	.foot_top{ padding:0 0 10px;}
	.foot_top .foot2{ display:none;}
	.foot_top .foot3 { margin: 0 auto;float: none;}
	.foot_bot p{ float:none; text-align:center;}
	}


/**product**/
.ly_products {overflow: hidden;margin: 30px auto;padding: 0;}
.protab { width:1300px; height: 44px; overflow: hidden; margin: 0 auto 40px; padding: 0; text-align: center;}
.protab ul { display:inline-block;}
.protab ul li { width:160px; height: 44px; overflow: hidden; margin: 0; padding: 0 5px; float: left; cursor: pointer;}
.protab ul li span { display:block; width: 100%; height: 44px; overflow: hidden; line-height: 44px; color: #666; font-size: 16px; text-align: center; background-color: #f5f5f5;}
.protab ul li.protab0 span { background-color: #019271; color: #fff;}

.pro_list { width:1300px; overflow: hidden; margin: 0 auto; padding: 0;}
.pro_list ul li { width:285px; overflow: hidden; margin: 0 20px 0 0; padding: 0; float: left;}
.pro_list ul li:nth-child(4n+4) { margin:0;}
.pro_list ul li .pro_img a { display:block; width:285px; height: 285px; overflow: hidden; margin: 0 auto; padding: 0; border: 1px solid #eee; background-color: #fff; position: relative; box-sizing: border-box;}
.pro_img img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.pro_list ul li p a { display:block; width:100%; height: 40px; overflow: hidden; line-height: 40px; color: #666; font-size: 14px; text-align: center;}
.pro_list ul li .pro_img a:hover { border: 1px solid #019271;}
.pro_list ul li p a:hover { color: #019271;}

/**产品目录**/
.pro_menu1 { width:21.9%; overflow: hidden; margin: 0 0 20px; padding: 0; float: left;}
.pro_menu1 .pro_menu_tit1 { width:100%; height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-size: 24px; margin: 0 auto; padding: 0 20px;     box-sizing: border-box;background: #019271;}
.pro_menu_tit span { display: inline-block; font-size: 14px; font-style: italic; margin: 0 0 0 10px;}
.pro_menu_tit img { display:none;}
.pro_menu1 ul.dropdown { width: 100%; background-color: #fff; font-family: "Montserrat", sans-serif; margin: 0; padding: 10px 0 0; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; box-sizing: border-box;}
.pro_menu1 ul.dropdown li { border-bottom: 1px solid #eaeaea; position: relative;}
.pro_menu1 ul.dropdown li:hover {}
.pro_menu1 ul.dropdown li a {display: block;width: 100%;height: 44px;overflow: hidden;line-height: 44px;color: #333;font-size: 15px;text-decoration: none;margin: 0;padding:0 20px;box-sizing: border-box;white-space:nowrap;text-overflow:ellipsis;}
.pro_menu1 ul.dropdown li:hover a { color: #019271;}
.pro_menu1 ul.dropdown li p { width:44px; height: 44px; margin: 0; padding: 0; position: absolute; top: 0; right: 0; cursor: pointer;}
.pro_menu1 ul.dropdown li p.showWordsBtn { background: url(../images/jt1.png) center center no-repeat; background-size: 20px 20px;}
.pro_menu1 ul.dropdown li:hover p.showWordsBtn { background: url(../images/jt01.png) center center no-repeat; background-size: 20px 20px;}
.pro_menu1 ul.dropdown li p.hideWordsBtn { background: url(../images/jt02.png) center center no-repeat; background-size: 20px 20px;}
.pro_menu1 ul.dropdown li > ul { margin:0; padding: 0; background-color: #fafafa;}
.pro_menu1 ul.dropdown li > ul li { border: none;}
.pro_menu1 ul.dropdown li > ul li a { color: #666; padding: 0 30px; background: none;}
.pro_menu1 ul.dropdown li:hover > ul li a { background: none; color: #999;}
.pro_menu1 ul.dropdown li > ul li a:hover { background-color: #f8f8f8; color:#019271;}
.pro_menu1 ul.dropdown .pro_all{ text-align:center; font-weight:bold;}
.pro_list1 {width:75.4%;overflow: hidden;margin: 0 auto;padding: 0;float: right;}
.pro_list1 ul li {width: 32%;overflow: hidden;margin: 0 2% 20px 0;padding: 0;float: left;}
@media screen and (min-width:768px) {
.pro_list1 ul li:nth-child(3n) { margin:0 0 20px;}
}
.pro_list1 ul li .pro_img a { display: block; width:100%; height: 285px; overflow: hidden; margin: 0 auto; padding: 0; border: 1px solid #eee; background-color: #fff; position: relative; box-sizing: border-box;}
.pro_img img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.pro_list1 ul li p a {display: block;width:100%;height: 54px;overflow: hidden;line-height: 54px;color: #666;font-size: 15px;text-align: center;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;}
.pro_list1 ul li .pro_img a:hover { border: 1px solid #019271;}
.pro_list1 ul li p a:hover { color: #019271;}

.pro_list2 { width:100%; overflow: hidden; margin: 0 auto; padding: 0; float: right;}
.pro_list2 ul li { width:31%; overflow: hidden; margin: 0 3.5% 20px 0; padding: 0; float: left;}
.pro_list2 ul li:nth-child(3n+3) { margin:0 0 20px;}
.pro_list2 ul li .pro_img a { display: block; width:100%; height: 285px; overflow: hidden; margin: 0 auto; padding: 0; border: 1px solid #eee; background-color: #fff; position: relative; box-sizing: border-box;}
.pro_list2 ul li .xc_img a { display: block; width:100%; height: 200px; overflow: hidden; margin: 0 auto; padding: 0; border: 1px solid #eee; background-color: #fff; position: relative; box-sizing: border-box;}
.pro_img img, .xc_img img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}

.pro_list2 ul li p a { display: block; width:100%; height: 40px; overflow: hidden; line-height: 40px; color: #666; font-size: 14px; text-align: center;}
.pro_list2 ul li .pro_img a:hover { border: 1px solid #019271;}
.pro_list2 ul li p a:hover { color: #019271;}

@media screen and (max-width:1299px) {
	.pro_menu1 .pro_menu_tit1{ font-size:18px;}	
}
@media screen and (max-width:1023px) {
	.pro_menu1{ width:100%;}
	.pro_menu1 .pro_menu_tit1{ font-size:22px; position:relative;}	
	.pro_menu1 .pro_menu_tit1 span{color: rgba(255,255,255,0.3);font-size: 16px;margin-left: 5px;}
	.pro_menu1 .pro_menu_tit1 img{ position:absolute; top:50%; transform:translateY(-50%); right:20px; width:25px; height:25px;}
	.pro_list1{width:100%;}
	.pro_menu1 ul.dropdown{ display:none;}
	.pro_menu1 ul.dropdown li p{ right:8px;}
	.pro_menu1 .pro_danmulu{background: #019271 url(../images/down.png) 97% center no-repeat;background-size: 25px;}
	.pro_menu1 .pro_danmulu.on{background: #019271 url(../images/up.png) 97% center no-repeat;background-size: 25px;}
	}
@media screen and (max-width:767px) {
	.pro_list1 ul li{ width:49%;}
	.pro_list1 ul li:nth-child(2n){ margin-right:0;}
	.pro_list1 ul li .pro_img a{ height:205px;}
}
@media screen and (max-width:413px) {
.pro_list1 ul li{ width:100%;}
.pro_list1 ul li .pro_img a{ height:275px;}
.pro_list1 ul li:last-child{ margin-bottom:0;}
}

/**products**/
.products_list { width:100%; overflow: hidden; margin: 0 auto; padding: 0;}

.ny_lcon ul li .pro_menu { width: 100%; overflow: hidden; margin: 10px auto; padding: 0;}
.ny_lcon ul li .pro_menu a { display:block; width:100%; height: 40px; overflow: hidden; line-height: 40px; color:#999; font-size: 14px; margin: 0 auto; padding: 0 20px; background: none; box-sizing: border-box;}
.ny_lcon ul li .pro_menu a:hover { color:#019271;}

.products_list ul li { width:100%; height: 194px; overflow: hidden; margin: 0 auto 20px; padding: 0; background-color: #f8f8f8; position: relative;}
.products_list ul li a .prolist_img { width:290px; height: 194px; overflow: hidden; margin: 0; padding: 0; float: left; position: relative;}
.prolist_img img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.products_list ul li .prolist_text { width:100%; height: 194px; overflow: hidden; margin: 0; padding: 20px 20px 20px 310px; box-sizing: border-box; position: absolute; right: 0; top: 0;}
.prolist_text .prolist_tit { width:100%; height: 24px; overflow: hidden; line-height: 24px; color: #333; font-size: 24px; margin: 0 auto; padding: 0;}
.products_list ul li a:hover .prolist_text .prolist_tit { color:#019271;}
.prolist_text p { width:100%; overflow: hidden; margin: 13px auto; padding: 0;}
.prolist_text p b { display:block; width:100%; height: 24px; overflow: hidden; line-height: 24px; color: #333; font-size: 14px;}
.prolist_text p span { display:block; width:100%; height: 48px; overflow: hidden; line-height: 24px; color: #999; font-size: 14px; text-indent: 2em; text-align: justify;}
.prolist_text em.pro_check { display:block; width: 120px; height: 36px; overflow: hidden; line-height: 36px; color: #fff; font-size: 14px; text-align: center; margin: 0; padding: 0; float: right; background-color: #019271;}
.prolist_text em.pro_check:hover { background-color: #00af80;}



/* 最新列表页展示 */
.pro_list22 {width: 75.4%;overflow: hidden;margin: 0 auto;padding: 0;float: right;}

.pro_listx .pro_lix{width:100%;float:left;margin-bottom:30px;height:auto !important;border: 1px solid #eaeaea;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding: 20px 2%;}
.pro_listx .pro_img{width: 22%;float:left;}
.pro_listx .pro_img .box{width: 100%;height: 160px;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.pro_listx .pro_img .box a{text-align:center;position:static;+position:absolute;top:50%;}
.pro_listx .pro_img .box a img{vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:90% !important; max-height:100%;}
.pro_listx .pro_cont{width: 75%;float:left;margin-left:3%;}
.pro_listx .pro_cont .pro_title{margin-bottom: 15px;}
.pro_listx .pro_cont .pro_title a{font-size: 18px;color: #222;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_listx .pro_cont .pro_des{font-size:14px;color:#999;line-height:24px;text-align:justify;text-justify:distribute-all-lines;height: 70px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.pro_listx .pro_cont .pro_more{margin-top: 15px;}
.pro_listx .pro_cont .pro_more span{color:#666;border:1px solid #eee;transition:all 0.3s ease-in-out;display:block;float:left;margin-right:15px;height:30px;line-height:30px;padding: 0 15px 0 15px;font-size:12px;}
.pro_listx .pro_cont .pro_more span:hover{color:#019271;border-color:#019271;}
.pro_listx .pro_cont .pro_more span:nth-child(1){background:#f1f1f1 url(../images/cs1.png) no-repeat 10px center;}
.pro_listx .pro_cont .pro_more span:nth-child(2){background:#f1f1f1 url(../images/cs2.png) no-repeat 10px center;}
.pro_listx .pro_cont .pro_more span:nth-child(3){background:#f1f1f1 url(../images/cs3.png) no-repeat 10px center;}
.pro_listx .pro_cont .pro_more span:nth-child(4){background:#f1f1f1 url(../images/cs4.png) no-repeat 10px center;}
.pro_listx .pro_cont .pro_more i{color: #019271;font-style: normal;font-size: 14px;}
.pro_listx .pro_lix:hover{border: 1px solid #019271;}
.pro_listx .pro_lix:hover .pro_cont .pro_title a{color:#019271;}
@media screen and (max-width:1023px) {
	.pro_list22{ width:100%;}
	}
@media screen and (max-width:767px) {
	.pro_listx .pro_img{ width:100%;margin-bottom: 20px;}
	.pro_listx .pro_img .box{height: 300px;}
	.pro_listx .pro_cont{width:100%; margin-left:0;}
	.pro_listx .pro_cont .pro_more span{ margin-bottom:10px;}
}

/*悬浮链接*/
.suspension{position:fixed;z-index:999999999;right:5px;bottom:330px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:60px;height:60px;background-color:#019271;margin-bottom:4px;cursor:pointer;outline:none;text-decoration:none;text-align:center;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.suspension .a.active,
.suspension .a:hover{background:#279d9d;-moz-box-shadow: 0px 0px 20px #279d9d;-webkit-box-shadow: 0px 0px 20px #279d9d; box-shadow: 0px 0px 20px #279d9d;}
.suspension .a .i{display:none !important;width:44px;height:44px;}

.suspension .a-service{background:#019271 url(../images/pf_icon1.png) center center no-repeat;background-size:30px;}
.suspension .a-service:hover{background:#279d9d url(../images/pf_icon1.png) center center no-repeat;background-size:30px;}

.suspension .a-service-phone{background:#019271 url(../images/pf_icon2.png) center center no-repeat;background-size:30px;}
.suspension .a-service-phone:hover{background:#279d9d url(../images/pf_icon2.png) center center no-repeat;background-size:30px;}

.suspension .a-qrcode{background:#019271 url(../images/pf_icon3.png) center center no-repeat;background-size:30px;}
.suspension .a-qrcode:hover{background:#279d9d url(../images/pf_icon3.png) center center no-repeat;background-size:30px;}

.suspension .a-top{background:#D2D3D6 url(../images/pf_icon4.png) center center no-repeat;background-size:30px;}
.suspension .a-top:hover{background:#279d9d url(../images/pf_icon4.png) center center no-repeat;background-size:30px;}
.suspension .a span{display:block;width:100%;text-align:center;color:#fff;font-size:12px;padding-top:4px;}
.suspension .a-top{display:none;}
.suspension .d{display:none;width:240px;background:#fff;position:absolute;right:60px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;/*background:url(../images/side_bg_arrow.png) no-repeat;r*/ight:-8px;top:31px;}
.qrcode-img img{width:150px;margin:0 auto;}
.suspension .d-service{top:1px;}
.suspension .d-service-phone{top:64px;}
.suspension .d-qrcode{top:127px;}
.suspension .d .inner-box{padding:11px 22px; overflow:hidden;}
.suspension .d-service-item{padding:4px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item p{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service .d-service-item p{float:left;width:112px;line-height:30px;font-size:15px;margin-left:12px; color:#435065;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;width:160px;}
.suspension .d-qrcode .inner-box{padding:10px 0;}
.suspension .d-qrcode p{font-size:14px;color:#999;padding-top:5px;}
@media (max-width:1299px){
.suspension{ right:0;}
}
@media (max-width:991px){
.suspension{width:60px;right: 10px;bottom:120px;height:auto;}
.suspension .a{width:60px;height:60px;background-size: 30px !important;}
}
@media (max-width:767px){	
.customer-service{display:block;}
#KFBoxTitle{display:none !important;}
.suspension{width:40px;right: 4px;bottom:100px;height:85px;}
.suspension .a{width:40px;height:40px;background-size: 20px !important;}
.suspension .a-service{display:none !important;}
.suspension .a-qrcode{display:none !important;}
.suspension .d-service{display:none !important;}
.suspension .d-service-phone{display:none !important;}
.suspension .d-qrcode{display:none !important;}
}

/**内页关于我们**/
.ny_aboutus{overflow: hidden;padding: 0;}
.nyab_tit {width:100%;overflow:hidden;margin: 0 auto 40px;padding: 20px 0 10px;padding: 2;}
.nyab_tit p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#303030; font-size:30px; font-weight:bold; text-align:center; margin:0 auto; padding:0;}
.nyab_tit p font {color: #019271;}
.nyab_tit span { display:block; width:100%; height:15px; overflow:hidden; line-height:15px; color:#999; font-size:15px; text-align:center; margin:10px auto 0; padding:0;}
.nyab_tit span img { display:inline-block; vertical-align:middle; margin:-4px 20px 0; padding:0;}

.nyab_part1 { width:100%; overflow:hidden; margin:0 auto 40px; padding:0;}
.nyab_part1  .wz{width:57%;float:left;position:relative;}
.nyab_part1 .yw{display:block;font-size: 60px;color: #f7f7f7;font-weight:bold;text-transform : uppercase;position:absolute;top: -10px;left:0;z-index:1;}
.nyab_part1 .tlt {clear:both;font-size: 26px;font-weight:bold;color:#000;text-align:left;margin-top: 10px;overflow:hidden;position: relative;z-index: 2;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.nyab_part1 .about-dis {clear:both;overflow:hidden;margin: 38px auto 38px;}
.nyab_part1 .about-num{float:left;margin-right:2%;width:31.33333333%;transition:.2s width ease;}
.nyab_part1 .about-num .num {font-weight:bold;color:#019271;font-size:44px;}
.nyab_part1 .about-num .ch {color:#000;font-size:18px;margin-left:10px;font-weight:bold;}
.nyab_part1 .about-num .ch2 {font-size:15px;color:#1f1f1f;font-weight:bold;}
.nyab_part1 .desc {color:#929191;font-size: 15px;line-height: 20px;padding: 0;box-sizing:border-box;text-align:left;margin-top: 0px;overflow:hidden;margin-bottom: 0;height: 195px;overflow-y: scroll;padding-right: 10px;}
.nyab_part1 .desc p{line-height:30px;}
.nyab_part1 .pic{width:40%;float:right;overflow:hidden;height: 396px;background: #fff;text-align:center;}
.nyab_part1 .pic img{width:100%;height:100%;object-fit: cover;}
.nyab_part1 .ab-more{display:block;background:#019271;width:120px;height:40px;line-height:40px;text-align:center;color:#fff;}

.nyab_part2 { width:100%; overflow:hidden; margin:0 auto 40px; padding:0; background-color:#f9f9f9;}
.nyab_part2 .nyabPart2_img { width:50%; height:380px; overflow:hidden; margin:0; padding:0; position:relative; float:left;}
.nyabPart2_img img { display: block; width: 100%; height: 100%; object-fit: cover; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.nyab_part2:hover .nyabPart2_img img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.nyab_part2 .nyabPart2_text { width:50%; height:380px; overflow:hidden; margin:0; padding:40px; position:relative; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.nyabPart2_text ul li { width:100%; overflow:hidden; margin:0 auto 40px; padding:0;}
.nyabPart2_text ul li span {display:block;width:140px;height:40px;overflow:hidden;line-height:40px;color:#fff;font-size:18px;text-align:center;background-color: #019271;border-radius:20px;float:left;margin:2px 0 0;}
.nyabPart2_text ul li p { width:360px; overflow:hidden; line-height:22px; color:#888; font-size:14px; margin:0; padding:0; float:right;}

.nyab_part3 { width:100%; overflow:hidden; margin:0 auto 40px; padding:0;}
.nyab_part3 ul li { width:23.5%; overflow:hidden; margin:0 2% 0 0; padding:0; float:left;}
.nyab_part3 ul li:nth-child(4n+4) { margin:0;}
.nyab_part3 ul li a.hnr_img { display: block; width:100%; height:250px; overflow:hidden; margin:0 auto; padding:0; border:1px solid #eee; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.nyab_part3 ul li a.hnr_img img { display: block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.nyab_part3 ul li:hover a.hnr_img img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.nyab_part3 ul li a.hnr_name { display: block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#333; font-size:15px; text-align:center; text-overflow:ellipsis; white-space: nowrap; margin:10px auto 0; padding:0;}
.nyab_part3 ul li:hover a.hnr_name {color: #019271;}
.msg_btn input.msg_btn1 {background: #019271 !important;}
@media screen and (max-width:1299px) {
.nyabPart2_text ul li span{ width:20%;}
.nyabPart2_text ul li p{ width:75%;}
.nyabPart2_text ul li span{ font-size:16px;}
}
@media screen and (max-width:1023px) {
	.nyab_part2{margin: 0 auto 25px;}
	.nyab_part2 .nyabPart2_img{ width:100%;}
	.nyab_part2 .nyabPart2_text{width:100%;}
	.nyab_part3{margin: 0 auto 20px;}
	.nyab_part3 ul li{ width:49%; margin-bottom:30px;}
	.nyab_part3 ul li:nth-child(2n){ margin-right:0;}
	.nyab_part3 ul li a.hnr_img{ height:300px;}
	}
@media screen and (max-width:767px) {
	.nyab_tit{margin: 0 auto 10px;}
    .nyab_tit span img{ width:80px;}
	.nyab_part2{ margin:0 auto;}
	.nyab_part2 .nyabPart2_img{ height:300px;}
	.nyab_part2 .nyabPart2_text{ padding:30px 15px 0; height:auto;}
	.nyabPart2_text ul li{margin: 0 auto 30px;}
	.nyabPart2_text ul li span{ width:30%;}
	.nyabPart2_text ul li p{ width:65%;}
	.nyab_part3 ul li{ margin-bottom:10px;}
	.nyab_part3 ul li a.hnr_img{ height:200px;}
	}
@media screen and (max-width:374px) {
	.nyab_part1 .yw{ font-size:50px;}
	.nyab_tit span img{margin: -4px 10px 0;}
}

/**关于我们**/
.jk_menu {height: 100px; margin: -50px auto 40px; padding: 0; background-color: #fff; box-shadow: 0 10px 20px rgba(28, 56, 74, 0.1); position:relative;}
.ab1_mian, .ab2_mian, .ab3_mian {overflow: hidden; margin: 60px auto; padding: 0;}
.ab3_con { width:1300px; overflow: hidden; margin: 0 auto; padding: 0;}
.ab5_list, .ab6_list { width:1300px; overflow: hidden; margin: 0 auto; padding: 0;}

.ab_menu, .case_menu, .nws_menu, .pro_menu, .ct_menu, .vd_menu { width:100%; height: 100px; margin: 0 auto; padding: 0;}
.ab_menu li { width:33.333333%; height: 100px; overflow: hidden; margin: 0; padding: 0; float: left;}
.ab_menu li a { display:block; width:100%; height: 40px; overflow: hidden; margin: 0 auto; padding: 30px 0; background: url(../images/line1.jpg) left 20px no-repeat;}
.ab_menu li:first-child a { background:none;}
.ab_menu li a p {width:100%;height: 20px;overflow: hidden;line-height: 20px;color: #333;font-size: 16px;text-align: center;margin: 0 auto 4px;padding: 0;}
.ab_menu li a span {display: block;width:100%;height: 16px;overflow: hidden;line-height: 16px;color: #999;font-family: "Arial";font-size: 14px;text-align: center;margin: 0 auto;padding: 0;}
.ab_menu li a:hover, .ab_menu li a.abmenu_on { background:#019271;}
.ab_menu li a:hover p, .ab_menu li a.abmenu_on p { color:#fff;}
.ab_menu li a:hover span, .ab_menu li a.abmenu_on span { color:#fff; opacity: 0.5;}
@media screen and (max-width:1023px) {
.jk_menu{margin: -50px auto 20px;}
.ab1_mian, .ab2_mian, .ab3_mian{margin: 45px auto;}
}
@media screen and (max-width:767px) {
.jk_menu{height: 60px; margin: -30px auto 10px;}
.ab1_mian, .ab2_mian, .ab3_mian{margin: 30px auto;}
.ab_menu, .case_menu, .nws_menu, .pro_menu, .ct_menu, .vd_menu{ height:60px;}
.ab_menu li {height:60px;}
.ab_menu li a{ padding:10px 0;background: url(../images/line1.jpg) left 0px no-repeat;}
.ab_menu li a span{ font-size:12px;}
}
@media screen and (max-width:374px) {
.jk_menu{height: 50px; margin: -25px auto 10px;}
.ab_menu, .case_menu, .nws_menu, .pro_menu, .ct_menu, .vd_menu{ height:50px;}
.ab_menu li {height:50px;}
.ab_menu li a p{ margin:5px auto;}
.ab_menu li a span{ display:none;}
}


.ab1_mian h3, .ab2_mian h3, .ab3_mian h3 { width:100%; overflow: hidden; color: #333; font-size: 24px; margin: 0 auto 30px; padding: 0;}
.ab1_mian p { width:100%; overflow: hidden; line-height: 24px; color: #666; font-size: 14px; /*text-indent: 2em;*/ margin: 0 auto 20px; padding: 0;}
.ab1_mian p img { display:block; width:100%; overflow: hidden; margin: 0; padding: 0;}
.ab1_mian ul li { width:396px; height: 220px; overflow: hidden; margin: 0; padding: 2px; float: left;}
.ab1_mian ul li span { display:block; width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; position: relative;}
.ab1_mian ul li span img { display:block; max-width: 100%; max-height: 100%; overflow: hidden; margin: auto; padding: 0; position: absolute; left: 0; top: 0; bottom: 0;}

.ab2_mian h3 { text-align: center;}
.ab2_honor{ height:auto !important;}
.ab2_video {overflow: hidden; margin: 0 auto 20px; padding: 10px;text-align: center;}
.ab2_video iframe,.ab2_video video{ height:500px;}
.ab2_video img { max-width:100%; height:auto;}
@media screen and (max-width:1023px) {
	.ab2_video iframe,.ab2_video video{ height:400px;}
}
@media screen and (max-width:767px) {
	.ab2_video iframe,.ab2_video video{ height:250px;}
}

.ab3_con img.ab3_img { display:block; width:400px; height: 500px; overflow: hidden; margin: 0; padding: 0; float: left;}
.ab3_con .ab3_text { width:740px; overflow: hidden; margin: 0; padding: 10px 0 0; float: right;}
.ab3_text ul li { width:100%; overflow: hidden; margin: 0 auto 28px; padding: 0; color: #019271; font-size: 14px; font-weight: bold;}
.ab3_text ul li p { width:100%; overflow: hidden; line-height: 24px; margin: 0 auto; padding: 0; color: #333; font-weight: bold; text-indent: 12px; background: url(../images/line2.jpg) 0 5px no-repeat;}
.ab3_text ul li span { display: block; width:100%; overflow: hidden; line-height: 24px; margin: 0 auto; padding: 0; color: #666; font-weight: normal;}
.ab3_con p { width:100%!important; overflow: hidden; line-height: 28px!important; margin: 0 auto; padding: 0; color: #333!important; font-weight: bold!important; text-indent: 12px;}
.ab3_con p strong { display: block; width: 100%; background: url(../images/line2.jpg) 0 7px no-repeat!important; margin-top: 12px;}

.ab5_list ul li { width:31%; overflow: hidden; margin: 0 3.5% 40px 0; padding: 0; float: left;}
.ab5_list ul li:nth-child(3n+3) { margin: 0 0 40px 0;}
.ab5_list ul li .ab5_img { width: 100%; height: 240px; overflow: hidden; margin: 0 auto 16px; padding: 0; position: relative;}
.ab5_img img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.ab5_list ul li p { width:100%; overflow: hidden; margin: 0 auto; padding: 0; color: #333; font-size: 16px; text-align: center;}

.ab6_list ul li { width:100%; overflow:hidden; margin:0 auto 30px; padding:0;}
.ab6_list ul li h3 { width:100%; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:16px; background-color:#96aeae; margin:0 auto; padding:0;}
.ab6_list ul li h3 em { display:block; width:22px; height:20px; line-height:20px; color:#fff; font-family:"Arial"; font-size:20px; text-align:center; float:left; margin:0 20px 0 0; padding:17px 14px 13px; background-color:#019271;}
.ab6_list ul li .rec_text { width:100%; overflow:hidden; margin:0 auto; padding:30px 50px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; box-sizing: border-box;}
.rec_text p { width:100%; overflow:hidden; line-height:24px; color:#777; font-size:14px; margin:0 0 15px; padding:0 19px 0 0;}
.rec_text p span { color:#333; font-weight:bold;}
.rec_text a { display:block; width:120px; height:40px; overflow:hidden; line-height:40px; margin:30px 0 0; padding:0; border-radius:2px; color:#fff; font-size:14px; text-align:center; background-color:#019271; opacity: 0.8;}
.rec_text a:hover { opacity: 1;}

.ct_menu li { width:50%; height: 100px; overflow: hidden; margin: 0; padding: 0; float: left;}
.ct_menu li a { display:block; width:100%; height: 40px; overflow: hidden; margin: 0 auto; padding: 30px 0; background: url(../images/line1.jpg) left 20px no-repeat;}
.ct_menu li:first-child a { background:none;}
.ct_menu li a p {width:100%;height: 20px;overflow: hidden;line-height: 20px;color: #333;font-size: 16px;text-align: center;margin: 0 auto 4px;padding: 0;}
.ct_menu li a span {display: block;width:100%;height: 16px;overflow: hidden;line-height: 16px;color: #999;font-family: "Arial";font-size: 14px;text-align: center;margin: 0 auto;padding: 0;}
.ct_menu li a:hover, .ct_menu li a.abmenu_on { background:#019271;}
.ct_menu li a:hover p, .ct_menu li a.abmenu_on p { color:#fff;}
.ct_menu li a:hover span, .ct_menu li a.abmenu_on span { color:#fff; opacity: 0.5;}
@media screen and (max-width:1023px) {
.nyab_part1 .wz{ width:100%;}
.nyab_part1 .pic{width:100%; height:auto;}
.nyab_part1 .yw{top: 10px; width: 100%;text-align: center;}
.nyab_part1 .tlt{text-align: center; margin-top: 30px;}
.nyab_part1 .about-num {text-align: center;width: 33.33333%;margin-right: 0;}
}
@media screen and (max-width:767px) {
.ct_menu li{ height:60px;}
.ct_menu li a{ padding:10px 0;}
.nyab_part1{ margin:0 auto;}
.nyab_part1 .about-dis{ margin: 15px auto 15px;}
.nyab_part1 .about-num .num{ font-size:36px;}
.ab1_mian h3, .ab2_mian h3, .ab3_mian h3{ margin-bottom:10px;}
}
@media screen and (max-width:413px) {
.nyab_part1 .about-dis{ display:none;}
.nyab_part1 .desc{ margin-top:20px;}
}
@media screen and (max-width:374px) {
.ct_menu li{ height:50px;}
.ct_menu li a{ padding:5px 0 10px;}
}

/**产品详细页**/
.pro_detail { width:100%; overflow: hidden; margin: 40px auto;}
.pro_detail_tab { width:100%; height: 40px; overflow: hidden; margin: 40px auto; padding: 0;}
.pro_detail_tab ul li { width:120px; height: 40px; overflow: hidden; line-height: 40px; color: #333; font-size: 14px; text-align: center; background-color: #f4f4f6; float: left; margin: 0 10px 0 0; padding: 0; float: left; cursor: pointer;}
.pro_detail_tab ul li.pro_tab_on { color:#fff; background-color: #019271;}
.pro_detail_con { width:100%; overflow: hidden; margin: 40px auto; padding: 0;}
.pro_detail_con p { width:100%; overflow: hidden; line-height: 26px; color: #666;padding: 0; box-sizing: border-box;}
.pro_detail_con p img {  max-width: 100%!important; height: auto!important; overflow: hidden;padding: 0;}

.pro_detail_main { width:100%; height:auto; margin: 0 auto 40px; padding: 0; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.pro_detail_main .pro_detail_img { width:480px; height: 480px; overflow: hidden; margin: 0; padding: 10px; border: 1px solid #eaeaea; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.pro_detail_img .pro_detail_img_main { width:100%; height: 100%; margin: 0 auto; padding: 0; position: relative;}
.pro_detail_img_main img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.pro_detail_main .pro_detail_text { width:53%; min-height:360px; overflow: hidden; margin: 0; padding: 0 0 80px; float: right; position:relative;}
.pro_detail_main .sale_detail_text{min-height:280px;}
.pro_detail_text h1 { width:100%; overflow: hidden; line-height: 40px; color: #32353a; font-size: 30px; text-align: justify; margin: 0 auto; padding: 0;}
.pro_detail_text .jyms { width:100%; height:140px; overflow:hidden; margin:20px auto; padding:20px; background-color:#f4f4f6; box-sizing: border-box;}
.pro_detail_text .jyms p { width:100%; height:100px; overflow:hidden; line-height:25px; color:#888; font-size:14px; text-align: justify; margin:0 auto; padding:0;}
.pro_detail_text .jyms p span { color:#333; font-weight: bold;}
.pro_detail_text ul { width:100%; margin: 20px auto; padding: 0;}
.pro_detail_text ul li { width:50%; height:30px; overflow: hidden; line-height: 30px; color: #888; font-size: 15px; text-align: justify; white-space:nowrap; text-overflow: ellipsis; margin: 10px auto; padding: 0; float:left;}
.pro_detail_text ul li img { display:block; width:16px; height:16px; overflow:hidden; margin:7px 4px 7px 0; padding:0; float:left;}
.pro_detail_text ul li span { color:#333;}
.pro_detail_text .pro_detail_btn { width:100%; height: 60px; overflow: hidden; margin: 0 auto; padding: 0; position:absolute; left:0; bottom:0;}
.pro_detail_btn a { display:block; width: 48%; height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-size: 18px; text-align: center; margin: 0; padding: 0; float: left;}
.pro_detail_btn a.prodtl_btn1 { float:left; margin: 0 4% 0 0; background-color: #019271;}
.pro_detail_btn a.prodtl_btn2 { float:left; background-color: #f4f4f6; color:#333;}
.pro_detail_btn a.prodtl_btn1:hover {opacity: 0.9;}
.pro_detail_btn a.prodtl_btn2:hover { background-color: #e8e8ea;}

/**产品详情页产品图片切换**/
.prodetail_img { width:44%; height: 440px; margin: 0; padding: 0; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.prodetail_imgsale{ height:380px;}
#preview { width:100%; margin:0; text-align:center; position:relative;}
#preview .jqzoom_wrap{border: 1px solid #dfdfdf;padding:10px 2%;}
.list-h li { float:left;}
#spec-n5 { width:100%; height:70px; padding-top:10px; overflow:hidden;}
#spec-left { width:16px; height:70px; float:left; cursor:pointer; margin-top:3px;}
#spec-right { width:16px; height:70px; float:left;cursor:pointer; margin-top:3px;}
#spec-list { width:440px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul {}
#spec-list ul li { float:left; display:inline; padding:0; width:18.4%; height:70px; margin:0 2% 0 0;}
#spec-list ul li:last-child { margin:0;}
#spec-list ul li p { width:100%; height:100%; overflow:hidden; margin:0; padding:0; border:1px solid #dfdfdf; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
#spec-list ul li:hover p { border:1px solid #1f71c2;}
#spec-list ul li img { display:block; max-width:94%; max-height:94%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
/*jqzoom*/
.jqzoom { position:relative; width:100%; height:338px; overflow:hidden; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.jqzoom img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.zoomdiv { z-index:100;position:absolute;top:1px;left:0px;border:1px solid #eaeaea;display:none;text-align:center;overflow: hidden; left:104%!important; top:0!important;}
.bigimg { }
.jqZoomPup { width:200px!important; height:200px!important; z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;background:url(../images/mask.png) 0 0 repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list { position:relative; width:100%; margin:0;}
#spec-list div { width:100%!important; height:70px!important; margin:0;}
#ceshi { display:block; margin:auto!important; left:0; top:0; bottom:0; right:0;}
.prodetail_img a.videoIco { left:20px!important; bottom:20px!important; z-index:99!important;}
.Warning { width:100%!important; height:100%!important;}
@media screen and (max-width:1199px) and (min-width:1080px) {
	.pro_detail_main { width:100%; padding:0;}
	.prodetail_img { width:45%; position:inherit;float: left;}
	#preview, #spec-n5, #spec-list, .jqzoom { width:100%;}
	.pro_detail_main .pro_detail_text { width:52%;}
	.pro_detail_text .pro_detail_btn { width:100%;}
	.zoomdiv { left:104%!important;}	
}
@media screen and (max-width:1023px) and (min-width:768px) {
	.pro_detail_main { width:100%; margin: 25px auto;}
	.prodetail_img { width:100%; height:auto; margin:0 0 20px;}
	#preview { width:100%;}
	.jqzoom { width:100%;height: 285px;}
	.pro_detail_main .pro_detail_text { width:100%;padding-top:0;height: auto;min-height:260px; padding-bottom:48px;}
	.pro_detail_text h1 { font-size:22px; line-height:32px;}
	.pro_detail_text .jyms { margin: 10px auto; padding: 12px 16px; height:auto;}
	.pro_detail_text ul { overflow:hidden; margin: 10px auto;}
	.pro_detail_text ul li { font-size:14px; margin: 6px auto;}
	.pro_detail_text .pro_detail_btn { height:48px;}
	.pro_detail_btn a { height:48px; line-height:48px; width:48%; font-size:16px;}
	.pro_detail_btn a.prodtl_btn1 { margin: 0 4% 0 0;}
	#spec-n5 { width:100%;}
	#spec-list { width:100%;}
	.zoomdiv,.jqZoomPup { display:none !important;}
}
@media (max-width:767px) {
	.pro_detail_main { width:100%; margin:0  auto 20px;}
	.prodetail_img { width:100%; height:auto; margin:0 auto 20px;}
	#preview { width:100%;}
	.jqzoom { width:100%;height: 285px;}
	.pro_detail_main .pro_detail_text { width:100%; padding-top:0; height: auto;min-height:260px; padding-bottom:48px;}
	.pro_detail_text h1 { font-size:20px; line-height:32px;}
	.pro_detail_text .jyms { margin: 10px auto;padding: 12px;height:auto;}
	.pro_detail_text ul { overflow:hidden; margin: 10px auto;}
	.pro_detail_text ul li { font-size:14px; margin: 4px auto;width:100%;}
	.pro_detail_text .pro_detail_btn { height:48px;}
	.pro_detail_btn a { height:48px; line-height:48px; width:48%; font-size:16px;}
	.pro_detail_btn a.prodtl_btn1 { margin: 0 4% 0 0;}
	#spec-n5 { width:100%;}
	#spec-list { width:100%;}
	.zoomdiv,.jqZoomPup { display:none !important;}
}

/**留言页面**/
#ly_msg.ly_msg{ margin-bottom:0 !important;}
#ly_msg.ly_msg ul{ margin:0 auto !important;}
#ly_msg.ly_msg ul li:last-child{ margin-bottom:0!important;}